<template>
    <div class="webInfo-box flex-center-col-start">
        <div class="webInfo-tabs">
            <el-tabs v-model="tabs.activeName" @tab-click="handleClick">
                <el-tab-pane label="网站访客" name="1">
                    <WebVisitor></WebVisitor>

                </el-tab-pane>
                <el-tab-pane label="更多ip信息" name="2">
                   <WebIPInformation ></WebIPInformation>
                </el-tab-pane>
                <el-tab-pane label="选课" name="3">
                    <ChooseClass></ChooseClass>
                </el-tab-pane>
            </el-tabs>
        </div>
    </div>
</template>

<script>
    import {reactive} from "@vue/reactivity";
    import WebVisitor from "@/components/webinfo/WebVisitor";
    import WebIPInformation from "@/components/webinfo/WebIPInformation";
    import ChooseClass from "@/components/webinfo/ChooseClass";

    export default {
        name: "WebInfo",
        components: {ChooseClass, WebIPInformation, WebVisitor},
        setup(){
            let tabs=reactive({
                activeName:"1",
                tabList:[]
            })
            let obj=reactive({

            })

            return{
                tabs,
                obj
            }
        }
    }
</script>

<style scoped lang="less">
    .webInfo-box{
        width: 100%;
        height: 100%;
        background-color: white;
        .webInfo-tabs{
            width: 95%;
            height: 98%;
            /*background-color: red;*/
        }
    }
</style>